<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width,
	             user-scalable=no,
	             minimum-scale=1.0">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    
    <title>上海APP开发_上海小程序开发_上海软件定制开发公司—艾艺</title>
    <meta name="keywords" content="上海APP开发,上海小程序开发,上海软件定制开发公司" />
    <meta name="description" content="上海艾艺（400-021-8655）成立于2006年，高端的软件定制开发和UI设计公司，提供：App开发、小程序开发、网站开发、数据可视化开发、课件开发、UI/用户体验设计/交互设计等软件定制开发设计服务。将视觉和功能整合，提供美观、易用、实用的互联网产品。" />

    <!-- <script src='/js/jquery-1.11.3.min.js'></script> -->
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/common.css?v=20210810">
    <link rel="stylesheet" href="/css/animate.min.css">
    <link rel="stylesheet" href="/css/swiper.min.css">
    
    <link rel="stylesheet" href="/css/home.css">

    <script src='/js/jquery-1.11.3.min.js'></script>
    <script src="/js/common.js"></script>
    <script src="/js/swiper.min.js"></script>
    <script src="/js/isScroll.js"></script>
    <script src="/js/public.js"></script>
    <script>
        var reg = new RegExp("(^|&)source=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg) || {};
        var ms = unescape(r[2]);
        if (ms === '艾艺03' || ms === '艾艺02' || ms === '艾艺01') {
            window._agl = window._agl || [];
            (function () {
                _agl.push(
                    ['production', '_f7L2XwGXjyszb4d1e2oxPybgD']
                );
                (function () {
                    var agl = document.createElement('script');
                    agl.type = 'text/javascript';
                    agl.async = true;
                    agl.src = 'https://fxgate.baidu.com/angelia/fcagl.js?production=_f7L2XwGXjyszb4d1e2oxPybgD';
                    var s = document.getElementsByTagName('script')[0];
                    s.parentNode.insertBefore(agl, s);
                })();
            })();
        }
    </script>
</head>
<body>
    <div id="header">
        <div class="header">
            <div class="lgo-div">
                <a class="logo-icon" href="/">
                    <img class="logo" src="/images/header/logo.png" alt="">
                </a>
            </div>
            <ul class="head-nav-mod">
                        <li>
                            <a class="stair" href="/consulting.html">体验咨询</a><span></span>
                        </li>
                        <li>
                            <a class="stair" href="/smartPark.html">行业方案</a><span></span>
                                    <div class="nav-box">
                                            <p><a class="second" href="/smartPark.html">智慧园区</a></p>
                                            <p><a class="second" href="/IOT.html">物联网IOT</a></p>
                                            <p><a class="second" href="/energyMonitorSystem.html">能源管理EMS</a></p>
                                            <p><a class="second" href="/learnPlatform.html">学习平台</a></p>
                                            <p><a class="second" href="/medicalSector.html">医疗健康</a></p>
                                            <p><a class="second" href="/newMediaOperation.html">新媒体运营</a></p>
                                    </div>
                        </li>
                        <li>
                            <a class="stair" href="/customizationTeam.html">定制团队</a><span></span>
                                    <div class="nav-box">
                                            <p><a class="second" href="/customizationTeam.html">团队定制</a></p>
                                            <p><a class="second" href="/teamIncubation.html">团队孵化</a></p>
                                            <p><a class="second" href="/dispatch.html">人力派遣</a></p>
                                    </div>
                        </li>
                        <li>
                            <a class="stair" href="/Template/TechnologyList.aspx">案例</a><span></span>
                        </li>
                        <li>
                            <a class="stair" href="/about.html">关于</a><span></span>
                        </li>
                        <li>
                            <a class="stair" href="/Template/BlogList.aspx?TID=2">洞察</a><span></span>
                        </li>
            </ul>
            <span class="head-line"></span>
            <a href="http://en.adinnet.cn" class="head-en">EN</a>
        </div>
        <div class="header-mobile">
            <div class="title-box">
                <a href="/"><img class="title-box-left" src="/images/header/mobile-log.png" alt=""></a>
                <div class="language-switch"><a class="language-color" href="/">中文</a><a href="http://en.adinnet.cn">EN</a></div>
                <img class="title-box-right" src="/images/header/mobile-right.png" alt="">
            </div>
            <div class="navigation-box">
                <div class="title"><span></span><img class="close" src="/images/header/mobile-head-icon2.png" alt=""></div>
                    <div class="list">
                        <span class="sign show"></span>
                        <p>
                            <a href="/">首页</a>
                        </p>
                    </div>
                    <div class="list">
                        <span class="sign "></span>
                        <p>
                            <a href="/consulting.html">体验咨询</a>
                        </p>
                    </div>
                    <div class="list">
                        <span class="sign "></span>
                        <p>
                            <a href="/smartPark.html">行业方案</a>
                                    <span class="head-list-right"><img class="head-list-img" src="/images/header/mobile-head-icon1.png" alt=""></span>
                        </p>
                            <div class="item-box">
                                <div class="box">
                                        <a href="/smartPark.html" class="item ">智慧园区</a>
                                        <a href="/IOT.html" class="item ">物联网IOT</a>
                                        <a href="/energyMonitorSystem.html" class="item ">能源管理EMS</a>
                                        <a href="/learnPlatform.html" class="item ">学习平台</a>
                                        <a href="/medicalSector.html" class="item ">医疗健康</a>
                                        <a href="/newMediaOperation.html" class="item ">新媒体运营</a>
                                </div>
                            </div>
                    </div>
                    <div class="list">
                        <span class="sign "></span>
                        <p>
                            <a href="/customizationTeam.html">定制团队</a>
                                    <span class="head-list-right"><img class="head-list-img" src="/images/header/mobile-head-icon1.png" alt=""></span>
                        </p>
                            <div class="item-box">
                                <div class="box">
                                        <a href="/customizationTeam.html" class="item ">团队定制</a>
                                        <a href="/teamIncubation.html" class="item ">团队孵化</a>
                                        <a href="/dispatch.html" class="item ">人力派遣</a>
                                </div>
                            </div>
                    </div>
                    <div class="list">
                        <span class="sign "></span>
                        <p>
                            <a href="/Template/TechnologyList.aspx">案例</a>
                        </p>
                    </div>
                    <div class="list">
                        <span class="sign "></span>
                        <p>
                            <a href="/about.html">关于</a>
                        </p>
                    </div>
                    <div class="list">
                        <span class="sign "></span>
                        <p>
                            <a href="/Template/BlogList.aspx?TID=2">洞察</a>
                        </p>
                    </div>
            </div>
        </div>
        <script>
            $(".head-nav-mod li").hover(
                function () {
                    $(".nav-box", this).fadeIn(200)
                    // $(".nav-box", this).fadeIn().slideDown(200)
                    $("span", this).stop().css("height", "4.5px");
                    $("span", this).animate(
                        {
                            left: "0",
                            width: "100%",
                            right: "0",
                        },
                        200
                    );
                },
                function () {
                    $(".nav-box", this).fadeOut(100)
                    // $(".nav-box", this).fadeOut().slideUp(200)
                    $("span", this).stop().animate(
                        {
                            left: "50%",
                            width: "0",
                        },
                        200
                    );
                }
            );
            $('.head-list-right').on('click', function () { // 点击收起展开功能
                if (!$(this).hasClass('afold')) { // 当前元素没有afold这个类时进入的if
                    $('.item-box').stop().slideUp(200); // 关闭所有展开的元素
                    // $('.sign').hide(); // 所有的标记点隐藏
                    $('.head-list-right').removeClass('afold'); // 所有$('.head-list-right')元素删除afold这个类
                    $('.head-list-img').css({ // 旋转icon
                        transform: 'rotate(360deg)'
                    });
                    $(this).addClass('afold'); // 当前元素加上afold这个类
                    $(this).parents('p').siblings('.item-box').stop().slideDown(200); // 当前元素展开
                    $(this).children().css({ // 当前元素旋转
                        transform: 'rotate(180deg)'
                    });
                    // $(this).parents('p').siblings('.sign').show(); // 当前元素显示标记点
                } else {// 当没有afold这个类时执行里面
                    $('.item-box').stop().slideUp(200); // 关闭所有展开的元素
                    // $('.sign').hide(); // 所有的标记点隐藏
                    $('.head-list-right').removeClass('afold'); // 所有$('.head-list-right')元素删除afold这个类
                    $('.head-list-img').css({ // 旋转icon
                        transform: 'rotate(360deg)'
                    });
                }
            })
            $('.title-box-right').on('click', function () { // 控制导航显示的方法
                $('.navigation-box').css('right', '0'); // 设置Css样式right为0
            })
            $('.close').on('click', function () { // 控制导航隐藏的方法
                $('.navigation-box').css('right', '-100%'); // 设置css样式right为-100%
            })
        </script>
    </div>
    <div id="contact">
        <link rel="stylesheet" href="/css/dome.css">
        <!--购物车侧边栏-->
        <div class="qyzSidebar" style="display: none;">
            <div class="whirtZ"></div>
            <div class="clusion"></div>
            <div class="clusion1"></div>
            <div class="sidebar">
                <!--点击菜单-->
                <div class="sidebaRmenu">
                    <!--电话-->
                    <div class="sidebaPersonage">
                        <i class="logo"></i>
                        <div class="tab-text z">400-021-8655</div>
                    </div>
                    <!--在线咨询-->
                    <div class="sidebaPersonage">
                        <i class="logo"></i>
                        <p class="tab-text z" onclick="window.open('https://p.qiao.baidu.com/cps/chat?siteId=2393478&userId=693419&siteToken=96324684db2d35909bd761fd96707aeb')">在线咨询</p>
                    </div>
                    <!--微信-->
                    <div class="sidebaPersonage ">
                        <i class="logo"></i>
                        <p class="tab-text tp">
                            <img src="/img/consulting/consulting-wechat-img.png" alt="">
                            <span class="sj"></span>
                        </p>
                    </div>
                    <!--QQ咨询-->
                    <div class="sidebaPersonage" style="display:none;">
                        <i class="logo"></i>
                        <p class="tab-text z">QQ咨询</p>
                    </div>
                    <!--在线留言-->
                    <div class="sidebaPersonage" style="display:none;">
                        <i class="logo"></i>
                        <p class="tab-text z">在线留言</p>
                    </div>
                    <!--返回顶部-->
                    <div class="sidebaPersonage">
                        <i class="logo"></i>
                        <p class="tab-text z topem">返回顶部</p>
                    </div>
                </div>
            </div>
        </div>
        <script>
            $(document).ready(function () {
                setTimeout(function () {
                    $('.qyzSidebar').show()
                }, 1000);
                $(".qyzSidebar .topem").bind("click", function () {
                    $("body,html").animate({ scrollTop: 0 }, (!!window.ActiveXObject || "ActiveXObject" in window) ? 1000 : 0, 'linear')
                    // return false
                })
                // $('.sidebaPersonage').hover(function(){
                //     $(this).children('.z').animate({width:'2.8rem',opacity:1},200)
                //     $(this).children('.tp').animate({right:'1rem',opacity:1},200)
                //     // $(this).show()
                // },function(){
                //     $(this).children('.z').animate({width:'0.68rem',opacity:0},200)
                //     $(this).children('.tp').animate({right:'0rem',opacity:0},200)

                // })
            })
        </script>
    </div>
    <div class='home'>
    <div class="whirtZ z1 pc-banner"></div>
    <!----头部图片-->

    <div class="swiper-container swiper-container2">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="top-box top-box-pc">
                    <!-- <img src="./images/index/indexbanner.jpg" alt=""> -->
                    <video src="./images/index/banner.mp4"
                           autoplay="autoplay"
                           loop="loop"
                           muted="muted"
                           playsinline="true"
                           controls="controls"
                           controlsList="nodownload"
                           width="100%"
                           id="video"></video>
                    <!-- <div class="top-img-box">
                        <img src="./images/index/logo.png" class="divtest animated" data-animation="fadeInUp">
                    </div> -->
                </div>
            </div>
            <div class="swiper-slide">
                <a href="/teamCustomization.html">
                    <img class="pc-banner" src="./images/index/tddzb.jpg" />
                </a>
                <a href="/teamCustomization.html">
                    <img class="mobile-banner" src="./images/index/mtddz.png" />
                </a>
                <div class="pc-banner1-wrap-text tddz bn">
                    <div class="pc-banner1-text">团队定制 专人专项</div>
                    <div class="pc-banner1-text t2">IT人才服务新模式</div>
                    <div class="pc-banner1-bgtext">
                        <div class="pc-banner1-bgtext1">
                            <img src="./images/index/tddzdh.png" alt="" />
                            <span>全新的团队定制模式</span>
                        </div>
                    </div>
                    <div class="pc-banner1-bgtext">
                        <div class="pc-banner1-bgtext1">
                            <img src="./images/index/tddzdh.png" alt="" />
                            <span>独有的价值交付理念</span>
                        </div>
                    </div>
                    <div class="pc-banner1-bgtext">
                        <div class="pc-banner1-bgtext1">
                            <img src="./images/index/tddzdh.png" alt="" />
                            <span>CMMI3国际管理体系</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <a href="/learnPlatform.html">
                    <img class="pc-banner" src="./images/index/xxptb.gif" />
                </a>
                <a href="/learnPlatform.html">
                    <img class="mobile-banner" src="./images/index/mxxpt.png" />
                </a>
                <div class="pc-banner1-wrap-text xxpt bn">
                    <div class="pc-banner1-text">定制企业专属的线上学习平台</div>
                    <div class="pc-banner1-text t2">覆盖全行业全场景</div>
                    <div class="pc-banner1-bgtext">
                        <div class="pc-banner1-bgtext1">
                            <span>知识沉淀</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <span>技术传承</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <span>在线学习</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <span>人才培养</span>
                        </div>
                    </div>
                    <div class="pc-banner1-bgtext">
                        <div class="pc-banner1-bgtext1">
                            <span>跨区域管理</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <span>营销增长</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <span>技能培训</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <span>绩效提升</span>
                        </div>
                    </div>
                </div>
                <!-- <a href="javascript:;"><img class="pc-banner" src="./images/index/banner2.jpg"></a>
                <a href="javascript:;"><img class="mobile-banner" src="./images/index/mobile-banner1.jpg"></a>
                <div class="mobile-baaner1-text1">数字化教育是面向未来的教育</div>
                <div class="mobile-baaner1-text2">一站式提供数字化课件内容解决方案</div> -->
            </div>
            <div class="swiper-slide">
                <a href="/smartPark.html">
                    <img class="pc-banner" src="./images/index/zhyqbb.png" />
                </a>
                <a href="/smartPark.html">
                    <img class="mobile-banner" src="./images/index/mzhqc.png" />
                </a>
                <div class="absolute pc-banner-text textWrap11 bn">
                    <div class="bannerText">
                        <div class="divtest animated f56" data-animation="fadeInDown">
                            智慧园区一体化解决方案
                        </div>
                        <div class="divtest animated f38" data-animation="fadeInUp">
                            构建数字化园区新生态
                        </div>
                        <div class="label-flex">
                            <div class="label-icon">
                                <div class="icon">
                                    <img src="./img/smartParkm/szh.png" alt="" />
                                </div>
                                <div class="text">数字化</div>
                                <div class="icon-m">
                                    <img src="./img//smartPark/bannerxym.png" alt="" />
                                </div>
                            </div>
                            <div class="label-icon">
                                <div class="icon">
                                    <img src="./img/smartParkm/pth.png" alt="" />
                                </div>
                                <div class="text">平台化</div>
                                <div class="icon-m">
                                    <img src="./img//smartPark/bannerxym.png" alt="" />
                                </div>
                            </div>
                            <div class="label-icon">
                                <div class="icon">
                                    <img src="./img/smartParkm/znh.png" alt="" />
                                </div>
                                <div class="text">智能化</div>
                                <div class="icon-m">
                                    <img src="./img//smartPark/bannerxym.png" alt="" />
                                </div>
                            </div>
                            <div class="label-icon">
                                <div class="icon">
                                    <img src="./img/smartParkm/xth.png" alt="" />
                                </div>
                                <div class="text">协同化</div>
                                <div class="icon-m">
                                    <img src="./img//smartPark/bannerxym.png" alt="" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <a href="/smartRetail.html">
                    <img class="pc-banner" src="./images/index/xlsdsb.gif" />
                </a>
                <a href="/smartRetail.html">
                    <img class="mobile-banner" src="./images/index/mxlsds.png" />
                </a>
                <div class="pc-banner1-wrap-text xls bn">
                    <div class="pc-banner1-text">智慧零售布局未来</div>
                    <div class="pc-banner1-text t2">
                        重构“人、货、场”，实现全渠道营销获客
                    </div>
                    <div class="pc-banner1-bgtext">
                        <div class="pc-banner1-bgtext1">
                            <span>直播电商系统</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <span>B2C商城系统</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <span>B2B订货系统</span>
                        </div>
                    </div>
                    <div class="pc-banner1-bgtext">
                        <div class="pc-banner1-bgtext1">
                            <span>智慧导购系统</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <span>仓储电商系统</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <span>无人零售系统</span>
                        </div>
                    </div>
                    <div class="pc-banner1-bgtext">
                        <div class="pc-banner1-bgtext1">
                            <span>O2O零售系统</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <span>B2B2C商城系统</span>
                        </div>
                        <div class="pc-banner1-bgtext1 d">
                            <span>······</span>
                        </div>
                    </div>
                </div>
                <!-- <a href="javascript:;"
                    ><img class="mobile-banner" src="./images/index/mobile-banner3.jpg"
                /></a>
                <div class="mobile-baaner3-text1">聚 焦 新 零 售</div>
                <div class="mobile-baaner3-text2">全渠道中台解决方案</div> -->
            </div>
            <div class="swiper-slide">
                <!-- <a href="javascript:;"><img class="pc-banner" src="./images/index/banner4.jpg"></a>
                <a href="javascript:;"><img class="mobile-banner" src="./images/index/mobile-banner4.jpg"></a>
                <div class="mobile-baaner4-text1">大屏数据可视化交互系统</div>
                <div class="mobile-baaner4-text2">我们提供一体化的大数据</br>
                解决方案升级用户数据管</br>
                  理方法，提升决策效率</div> -->
                <a href="/dataVisualization.html">
                    <img class="pc-banner" src="./images/index/sjkshbb.png" />
                </a>
                <a href="/dataVisualization.html">
                    <img class="mobile-banner" src="./images/index/msjksh.png" />
                </a>
                <div class="pc-banner1-wrap-text ksh bn">
                    <div class="pc-banner1-text">大屏数据可视化交互系统</div>
                    <div class="pc-banner1-text t2">
                        数据可视化驱动决策能力 ，提升企业管理效率
                    </div>
                    <div class="pc-banner1-bgtext">
                        <div class="pc-banner1-bgtext1">
                            <img src="./images/index/3d.png" alt="" />
                            <span>3D数据呈现</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <img src="./images/index/sjjh.png" alt="" />
                            <span>数据交互</span>
                        </div>
                    </div>
                    <div class="pc-banner1-bgtext">
                        <div class="pc-banner1-bgtext1">
                            <img src="./images/index/sjcj.png" alt="" />
                            <span>数据采集</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <img src="./images/index/sjfx.png" alt="" />
                            <span>数据分析</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <a href="/medicalSector.html">
                    <img class="pc-banner" src="./images/index/pc-banner2.jpg" />
                </a>
                <a href="/medicalSector.html">
                    <img class="mobile-banner" src="./images/index/mobile-banner2.jpg" />
                </a>
                <div class="mobile-baaner2-text1">快速搭建互联网医院</div>
                <div class="mobile-baaner2-text2">开启智慧医疗新时代</div>
            </div>
        </div>
        <!-- 分页器 -->
        <div class="swiper-pagination"></div>
        <!-- 导航按钮 -->
        <div class="swiper-button-prev">
            <img src="./images/index/index-arrow-left.png" alt="" />
        </div>
        <div class="swiper-button-next">
            <img src="./images/index/index-arrow-right.png" alt="" />
        </div>
    </div>
    <!-- 移动端轮播图 -->
    <div class="swiper-container swiper-container3">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <a href="/teamCustomization.html">
                    <img class="pc-banner" src="./images/index/tddz.png" />
                </a>
                <a href="/teamCustomization.html">
                    <img class="mobile-banner" src="./images/index/mtddz.png" />
                </a>
                <div class="pc-banner1-wrap-text tddz">
                    <div class="pc-banner1-text">团队定制 专人专项</div>
                    <div class="pc-banner1-text t2">IT人才服务新模式</div>
                    <div class="pc-banner1-bgtext">
                        <div class="pc-banner1-bgtext1">
                            <img src="./images/index/tddzdh.png" alt="" />
                            <span>全新的团队定制模式</span>
                        </div>
                    </div>
                    <div class="pc-banner1-bgtext">
                        <div class="pc-banner1-bgtext1">
                            <img src="./images/index/tddzdh.png" alt="" />
                            <span>独有的价值交付理念</span>
                        </div>
                    </div>
                    <div class="pc-banner1-bgtext">
                        <div class="pc-banner1-bgtext1">
                            <img src="./images/index/tddzdh.png" alt="" />
                            <span>CMMI3国际管理体系</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <a href="/learnPlatform.html">
                    <img class="pc-banner" src="./images/index/xxpt.png" />
                </a>
                <a href="/learnPlatform.html">
                    <img class="mobile-banner" src="./images/index/mxxpt.png" />
                </a>
                <div class="pc-banner1-wrap-text xxpt">
                    <div class="pc-banner1-text">定制企业专属的线上学习平台</div>
                    <div class="pc-banner1-text t2">覆盖全行业全场景</div>
                    <div class="pc-banner1-bgtext">
                        <div class="pc-banner1-bgtext1">
                            <span>知识沉淀</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <span>技术传承</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <span>在线学习</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <span>人才培养</span>
                        </div>
                    </div>
                    <div class="pc-banner1-bgtext">
                        <div class="pc-banner1-bgtext1">
                            <span>跨区域管理</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <span>营销增长</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <span>技能培训</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <span>绩效提升</span>
                        </div>
                    </div>
                </div>
                <!-- <a href="javascript:;"><img class="pc-banner" src="./images/index/banner2.jpg"></a>
                <a href="javascript:;"><img class="mobile-banner" src="./images/index/mobile-banner1.jpg"></a>
                <div class="mobile-baaner1-text1">数字化教育是面向未来的教育</div>
                <div class="mobile-baaner1-text2">一站式提供数字化课件内容解决方案</div> -->
            </div>
            <div class="swiper-slide">
                <a href="/smartPark.html">
                    <img class="pc-banner" src="./images/index/zhcs.png" />
                </a>
                <a href="/smartPark.html">
                    <img class="mobile-banner" src="./images/index/mzhqc.png" />
                </a>
                <div class="absolute pc-banner-text textWrap11">
                    <div class="bannerText">
                        <div class="divtest animated f56" data-animation="fadeInDown">
                            智慧园区一体化解决方案
                        </div>
                        <div class="divtest animated f38" data-animation="fadeInUp">
                            构建数字化园区新生态
                        </div>
                        <div class="label-flex">
                            <div class="label-icon">
                                <div class="icon">
                                    <img src="./img/smartParkm/szh.png" alt="" />
                                </div>
                                <div class="text">数字化</div>
                                <div class="icon-m">
                                    <img src="./img//smartPark/bannerxym.png" alt="" />
                                </div>
                            </div>
                            <div class="label-icon">
                                <div class="icon">
                                    <img src="./img/smartParkm/pth.png" alt="" />
                                </div>
                                <div class="text">平台化</div>
                                <div class="icon-m">
                                    <img src="./img//smartPark/bannerxym.png" alt="" />
                                </div>
                            </div>
                            <div class="label-icon">
                                <div class="icon">
                                    <img src="./img/smartParkm/znh.png" alt="" />
                                </div>
                                <div class="text">智能化</div>
                                <div class="icon-m">
                                    <img src="./img//smartPark/bannerxym.png" alt="" />
                                </div>
                            </div>
                            <div class="label-icon">
                                <div class="icon">
                                    <img src="./img/smartParkm/xth.png" alt="" />
                                </div>
                                <div class="text">协同化</div>
                                <div class="icon-m">
                                    <img src="./img//smartPark/bannerxym.png" alt="" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <a href="/smartRetail.html">
                    <img class="pc-banner" src="./images/index/xlsds.png" />
                </a>
                <a href="/smartRetail.html">
                    <img class="mobile-banner" src="./images/index/mxlsds.png" />
                </a>
                <div class="pc-banner1-wrap-text xls">
                    <div class="pc-banner1-text">智慧零售布局未来</div>
                    <div class="pc-banner1-text t2">
                        重构“人、货、场”，实现全渠道营销获客
                    </div>
                    <div class="pc-banner1-bgtext">
                        <div class="pc-banner1-bgtext1">
                            <span>直播电商系统</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <span>B2C商城系统</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <span>B2B订货系统</span>
                        </div>
                    </div>
                    <div class="pc-banner1-bgtext">
                        <div class="pc-banner1-bgtext1">
                            <span>智慧导购系统</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <span>仓储电商系统</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <span>无人零售系统</span>
                        </div>
                    </div>
                    <div class="pc-banner1-bgtext">
                        <div class="pc-banner1-bgtext1">
                            <span>O2O零售系统</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <span>B2B2C商城系统</span>
                        </div>
                        <div class="pc-banner1-bgtext1 d">
                            <span>······</span>
                        </div>
                    </div>
                </div>
                <!-- <a href="javascript:;"
                    ><img class="mobile-banner" src="./images/index/mobile-banner3.jpg"
                /></a>
                <div class="mobile-baaner3-text1">聚 焦 新 零 售</div>
                <div class="mobile-baaner3-text2">全渠道中台解决方案</div> -->
            </div>
            <div class="swiper-slide">
                <!-- <a href="javascript:;"><img class="pc-banner" src="./images/index/banner4.jpg"></a>
                <a href="javascript:;"><img class="mobile-banner" src="./images/index/mobile-banner4.jpg"></a>
                <div class="mobile-baaner4-text1">大屏数据可视化交互系统</div>
                <div class="mobile-baaner4-text2">我们提供一体化的大数据</br>
                解决方案升级用户数据管</br>
                  理方法，提升决策效率</div> -->
                <a href="/dataVisualization.html">
                    <img class="pc-banner" src="./images/index/sjksh.png" />
                </a>
                <a href="/dataVisualization.html">
                    <img class="mobile-banner" src="./images/index/msjksh.png" />
                </a>
                <div class="pc-banner1-wrap-text">
                    <div class="pc-banner1-text">大屏数据可视化交互系统</div>
                    <div class="pc-banner1-text t2">
                        数据可视化驱动决策能力 ，提升企业管理效率
                    </div>
                    <div class="pc-banner1-bgtext">
                        <div class="pc-banner1-bgtext1">
                            <img src="./images/index/3d.png" alt="" />
                            <span>3D数据呈现</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <img src="./images/index/sjjh.png" alt="" />
                            <span>数据交互</span>
                        </div>
                    </div>
                    <div class="pc-banner1-bgtext">
                        <div class="pc-banner1-bgtext1">
                            <img src="./images/index/sjcj.png" alt="" />
                            <span class="sjcj">数据采集</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <img src="./images/index/sjfx.png" alt="" />
                            <span>数据分析</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <a href="/medicalSector.html">
                    <img class="pc-banner" src="./images/index/banner1.jpg" />
                </a>
                <a href="/medicalSector.html">
                    <img class="mobile-banner" src="./images/index/mobile-banner2.jpg" />
                </a>
                <div class="mobile-baaner2-text1">快速搭建互联网医院</div>
                <div class="mobile-baaner2-text2">开启智慧医疗新时代</div>
            </div>
        </div>
        <!-- 分页器 -->
        <div class="swiper-pagination"></div>
    </div>

    <!---第二块-->
    <div class="label2">
        <div class="label-content bewcontent">
            <div class="left-box">
                <p class="divtest animated" data-animation="fadeInUp">助力企业数字化转型</p>
                <p class="divtest animated animation-delay-2" data-animation="fadeInUp">互联网技术服务专业提供商</p>
                <p class="divtest animated animation-delay-5" data-animation="fadeInUp">
                    上海艾艺成立于2006年，是国内知名的互联网技术服务企业。历经15年发展，现有团队200多人，积累了500多家重点企业客户，聚焦教育培训、医疗健康、新零售电商和数据可视化等行业，助力传统企业数字化转型升级。
                </p>
            </div>
            <div class="right-box">
                <img src="/images/index/com.gif">
            </div>
        </div>
    </div>
    <!----第三块-->
    <div class="label3">
        <div class="title-box">
            <p class="divtest animated" data-animation="fadeInUp">服务方式 · 竭尽全力满足客户需要</p>
            <p class="divtest animated animation-delay-2" data-animation="fadeInUp">用数字化手段，摆脱发展困境，提升企业核心竞争力</p>
        </div>
        <div class="theme-box">
            <div class="item">
                <a href="/consulting.html">
                    <div class="title">体验咨询</div>
                    <div class="cover-box divtest animated" data-animation="fadeInLeft"></div>
                    <div class="cover-box textcov">
                        <p class="divtest animated" data-animation="fadeInUp">体验咨询</p>
                        <p class="divtest animated animation-delay-2" data-animation="fadeInUp">
                            以用户体验为中心，深挖用户需求，跟踪用户反馈，分析用户触点，寻找产品创新机会点，提供有针对性的技术服务方案。
                        </p>
                        <p class="divtest animated animation-delay-5" data-animation="fadeInUp">
                            <span>查看详情</span>
                            <img src="/images/common/search.png">
                        </p>
                    </div>
                </a>
            </div>
            <div class="item">
                <a href="/Template/TechnologyList.aspx">
                    <div class="title">高端定制</div>
                    <div class="cover-box divtest animated" data-animation="fadeInLeft"></div>
                    <div class="cover-box textcov">
                        <p class="divtest animated" data-animation="fadeInUp">高端定制</p>
                        <p class="divtest animated animation-delay-2" data-animation="fadeInUp">
                            艾艺标准化高端定制服务涵盖了高端用户体验设计、定制化技术开发和高端运维服务，为客户提供一站式全方位的高品质技术服务。
                        </p>
                        <p class="divtest animated animation-delay-5" data-animation="fadeInUp">
                            <span>查看详情</span>
                            <img src="/images/common/search.png">
                        </p>
                    </div>
                </a>
            </div>
            <div class="item">
                <a href="/dispatch.html">
                    <div class="title">人力派遣</div>
                    <div class="cover-box divtest animated" data-animation="fadeInLeft"></div>
                    <div class="cover-box textcov">
                        <p class="divtest animated" data-animation="fadeInUp">人力派遣</p>
                        <p class="divtest animated animation-delay-2" data-animation="fadeInUp">
                            艾艺人力派遣服务，精准匹配，灵活用工，让您用足够低的成本获得足够优质的人力资源支持，解决企业IT人才需求问题。
                        </p>
                        <p class="divtest animated animation-delay-5" data-animation="fadeInUp">
                            <span>查看详情</span>
                            <img src="/images/common/search.png">
                        </p>
                    </div>
                </a>
            </div>
            <div class="item" style="margin-right: 0px;">
                <a href="/customizationTeam.html">
                    <div class="title">团队定制</div>
                    <div class="cover-box divtest animated" data-animation="fadeInLeft"></div>
                    <div class="cover-box textcov">
                        <p class="divtest animated" data-animation="fadeInUp">团队定制</p>
                        <p class="divtest animated animation-delay-2" data-animation="fadeInUp">
                            专门为客户组建产品开发团队，专人专项服务，提高沟通效率，降低用人成本，定制化开发，客户需求响应及时，产品迭代迅速可靠。
                        </p>
                        <p class="divtest animated animation-delay-5" data-animation="fadeInUp">
                            <span>查看详情</span>
                            <img src="/images/common/search.png">
                        </p>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <div class="label4 pc">
        <div class="title-box">
            <p class="divtest animated" data-animation="fadeInUp">
                聚焦行业 · 资深团队贴心服务
            </p>
            <p class="divtest animated animation-delay-2" data-animation="fadeInUp">
                站在用户角度思考，发现痛点，精准定位，制定策略，快速执行
            </p>
        </div>
        <div class="tab-box">
            <div class="swicli1">
                <span class="tabco active">1</span>
                <span>团队定制</span>
            </div>
            <div class="swicli2">
                <span class="tabco1">2</span>
                <span>学习平台</span>
            </div>
            <div class="swicli3">
                <span class="tabco2">3</span>
                <span>智慧城市</span>
            </div>
            <div class="swicli4">
                <span class="tabco3">4</span>
                <span>新零售电商</span>
            </div>
            <div class="swicli5">
                <span class="tabco4">5</span>
                <span>数据可视化</span>
            </div>
            <div class="swicli6">
                <span class="tabco5">6</span>
                <span>医疗健康</span>
            </div>
        </div>
    </div>
    <div class="label4 yd">
        <div class="title-box">
            <p class="divtest animated" data-animation="fadeInUp">
                聚焦行业 · 资深团队贴心服务
            </p>
            <p class="divtest animated animation-delay-2" data-animation="fadeInUp">
                站在用户角度思考，发现痛点，精准定位，制定策略，快速执行
            </p>
        </div>
        <div class="tab-box">
            <div class="swicli1">
                <span class="tabco tabco0 active">
                    <i style="font-style: normal">1</i>
                </span>
                <span>团队定制</span>
            </div>
            <div class="swicli2">
                <span class="tabco1 tabco11">
                    <i style="font-style: normal">2</i>
                </span>
                <span>学习平台</span>
            </div>
            <div class="swicli3">
                <span class="tabco2 tabco22">
                    <i style="font-style: normal">3</i>
                </span>
                <span>智慧城市</span>
            </div>
            <div class="swicli4">
                <span class="tabco3 tabco33">
                    <i style="font-style: normal">4</i>
                </span>
                <span>新零售电商</span>
            </div>
            <div class="swicli5">
                <span class="tabco4 tabco44">
                    <i style="font-style: normal">5</i>
                </span>
                <span>数据可视化</span>
            </div>
        </div>
    </div>
    <div class="swiper-container swiper-container11 mn">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <a href="javascript:;">
                    <img class="pc-banner" src="./images/index/tddz.png" />
                </a>
                <a href="javascript:;">
                    <img class="mobile-banner" src="./images/index/mtddz.png" />
                </a>
                <div class="pc-banner1-wrap-text tddz">
                    <div class="pc-banner1-text">团队定制 专人专项</div>
                    <div class="pc-banner1-text t2">IT人才服务新模式</div>
                    <div class="pc-banner1-bgtext">
                        <div class="pc-banner1-bgtext1">
                            <img src="./images/index/tddzdh.png" alt="" />
                            <span>全新的团队定制模式</span>
                        </div>
                    </div>
                    <div class="pc-banner1-bgtext">
                        <div class="pc-banner1-bgtext1">
                            <img src="./images/index/tddzdh.png" alt="" />
                            <span>独有的价值交付理念</span>
                        </div>
                    </div>
                    <div class="pc-banner1-bgtext">
                        <div class="pc-banner1-bgtext1">
                            <img src="./images/index/tddzdh.png" alt="" />
                            <span>CMMI3国际管理体系</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <a href="javascript:;">
                    <img class="pc-banner" src="./images/index/xxpt.png" />
                </a>
                <a href="javascript:;">
                    <img class="mobile-banner" src="./images/index/mxxpt.png" />
                </a>
                <div class="pc-banner1-wrap-text xxpt">
                    <div class="pc-banner1-text">定制企业专属的线上学习平台</div>
                    <div class="pc-banner1-text t2">覆盖全行业全场景</div>
                    <div class="pc-banner1-bgtext">
                        <div class="pc-banner1-bgtext1">
                            <span>知识沉淀</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <span>技术传承</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <span>在线学习</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <span>人才培养</span>
                        </div>
                    </div>
                    <div class="pc-banner1-bgtext">
                        <div class="pc-banner1-bgtext1">
                            <span>跨区域管理</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <span>营销增长</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <span>技能培训</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <span>绩效提升</span>
                        </div>
                    </div>
                </div>
                <!-- <a href="javascript:;"><img class="pc-banner" src="./images/index/banner2.jpg"></a>
                <a href="javascript:;"><img class="mobile-banner" src="./images/index/mobile-banner1.jpg"></a>
                <div class="mobile-baaner1-text1">数字化教育是面向未来的教育</div>
                <div class="mobile-baaner1-text2">一站式提供数字化课件内容解决方案</div> -->
            </div>
            <div class="swiper-slide">
                <a href="javascript:;">
                    <img class="pc-banner" src="./images/index/zhcs.png" />
                </a>
                <a href="javascript:;">
                    <img class="mobile-banner" src="./images/index/mzhqc.png" />
                </a>
                <div class="absolute pc-banner-text textWrap11">
                    <div class="bannerText">
                        <div class="divtest animated f56" data-animation="fadeInDown">
                            智慧园区一体化解决方案
                        </div>
                        <div class="divtest animated f38" data-animation="fadeInUp">
                            构建数字化园区新生态
                        </div>
                        <div class="label-flex">
                            <div class="label-icon">
                                <div class="icon">
                                    <img src="./img/smartParkm/szh.png" alt="" />
                                </div>
                                <div class="text">数字化</div>
                                <div class="icon-m">
                                    <img src="./img//smartPark/bannerxym.png" alt="" />
                                </div>
                            </div>
                            <div class="label-icon">
                                <div class="icon">
                                    <img src="./img/smartParkm/pth.png" alt="" />
                                </div>
                                <div class="text">平台化</div>
                                <div class="icon-m">
                                    <img src="./img//smartPark/bannerxym.png" alt="" />
                                </div>
                            </div>
                            <div class="label-icon">
                                <div class="icon">
                                    <img src="./img/smartParkm/znh.png" alt="" />
                                </div>
                                <div class="text">智能化</div>
                                <div class="icon-m">
                                    <img src="./img//smartPark/bannerxym.png" alt="" />
                                </div>
                            </div>
                            <div class="label-icon">
                                <div class="icon">
                                    <img src="./img/smartParkm/xth.png" alt="" />
                                </div>
                                <div class="text">协同化</div>
                                <div class="icon-m">
                                    <img src="./img//smartPark/bannerxym.png" alt="" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <a href="javascript:;">
                    <img class="pc-banner" src="./images/index/xlsds.png" />
                </a>
                <a href="javascript:;">
                    <img class="mobile-banner" src="./images/index/mxlsds.png" />
                </a>
                <div class="pc-banner1-wrap-text xls">
                    <div class="pc-banner1-text">智慧零售布局未来</div>
                    <div class="pc-banner1-text t2">
                        重构“人、货、场”，实现全渠道营销获客
                    </div>
                    <div class="pc-banner1-bgtext">
                        <div class="pc-banner1-bgtext1">
                            <span>直播电商系统</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <span>B2C商城系统</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <span>B2B订货系统</span>
                        </div>
                    </div>
                    <div class="pc-banner1-bgtext">
                        <div class="pc-banner1-bgtext1">
                            <span>智慧导购系统</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <span>仓储电商系统</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <span>无人零售系统</span>
                        </div>
                    </div>
                    <div class="pc-banner1-bgtext">
                        <div class="pc-banner1-bgtext1">
                            <span>O2O零售系统</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <span>B2B2C商城系统</span>
                        </div>
                        <div class="pc-banner1-bgtext1 d">
                            <span>······</span>
                        </div>
                    </div>
                </div>
                <!-- <a href="javascript:;"
                    ><img class="mobile-banner" src="./images/index/mobile-banner3.jpg"
                /></a>
                <div class="mobile-baaner3-text1">聚 焦 新 零 售</div>
                <div class="mobile-baaner3-text2">全渠道中台解决方案</div> -->
            </div>
            <div class="swiper-slide">
                <!-- <a href="javascript:;"><img class="pc-banner" src="./images/index/banner4.jpg"></a>
                <a href="javascript:;"><img class="mobile-banner" src="./images/index/mobile-banner4.jpg"></a>
                <div class="mobile-baaner4-text1">大屏数据可视化交互系统</div>
                <div class="mobile-baaner4-text2">我们提供一体化的大数据</br>
                解决方案升级用户数据管</br>
                  理方法，提升决策效率</div> -->
                <a href="javascript:;">
                    <img class="pc-banner" src="./images/index/sjksh.png" />
                </a>
                <a href="javascript:;">
                    <img class="mobile-banner" src="./images/index/msjksh.png" />
                </a>
                <div class="pc-banner1-wrap-text">
                    <div class="pc-banner1-text">大屏数据可视化交互系统</div>
                    <div class="pc-banner1-text t2">
                        数据可视化驱动决策能力 ，提升企业管理效率
                    </div>
                    <div class="pc-banner1-bgtext">
                        <div class="pc-banner1-bgtext1">
                            <img src="./images/index/3d.png" alt="" />
                            <span>3D数据呈现</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <img src="./images/index/sjjh.png" alt="" />
                            <span>数据交互</span>
                        </div>
                    </div>
                    <div class="pc-banner1-bgtext">
                        <div class="pc-banner1-bgtext1">
                            <img src="./images/index/sjcj.png" alt="" />
                            <span class="sjcj">数据采集</span>
                        </div>
                        <div class="pc-banner1-bgtext1">
                            <img src="./images/index/sjfx.png" alt="" />
                            <span>数据分析</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- <div class="dot-box">
            <span class="dot banner active-white"></span>
            <span class="dot1 banner"></span>
            <span class="dot2 banner"></span>
            <span class="dot3 banner"></span>
        </div> -->
        <!-- 如果需要分页器 -->
        <!-- <div class="swiper-pagination"></div> -->
        <!-- 如果需要导航按钮 -->
        <!-- <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div> -->
        <!-- 如果需要滚动条 -->
        <!-- <div class="swiper-scrollbar"></div> -->
    </div>
    <div class="swiper-container swiper-container1 pcb">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <a href="/teamCustomization.html">
                    <img class="pc-banner" src="./images/index/tddzbbo.jpg" />
                </a>
            </div>
            <div class="swiper-slide">
                <a href="/learnPlatform.html">
                    <img class="pc-banner" src="./images/index/xxptbbo.jpg" />
                </a>
            </div>
            <div class="swiper-slide">
                <a href="/smartPark.html">
                    <img class="pc-banner" src="./images/index/zhyqbbo.jpg" />
                </a>
            </div>
            <div class="swiper-slide">
                <a href="/industry.html">
                    <img class="pc-banner" src="./images/index/xlsdsbbo.jpg" />
                </a>
            </div>
            <div class="swiper-slide">
                <!-- <a href="javascript:;"><img class="pc-banner" src="./images/index/banner4.jpg"></a>
                <a href="javascript:;"><img class="mobile-banner" src="./images/index/mobile-banner4.jpg"></a>
                <div class="mobile-baaner4-text1">大屏数据可视化交互系统</div>
                <div class="mobile-baaner4-text2">我们提供一体化的大数据</br>
                解决方案升级用户数据管</br>
                  理方法，提升决策效率</div> -->
                <a href="/dataVisualization.html">
                    <img class="pc-banner" src="./images/index/sjkshbbo.jpg" />
                </a>
            </div>
            <div class="swiper-slide">
                <a href="/medicalSector.html">
                    <img class="pc-banner" src="./images/index/banner1.jpg" />
                </a>
                <a href="/medicalSector.html">
                    <img class="mobile-banner" src="./images/index/mobile-banner2.jpg" />
                </a>
                <div class="mobile-baaner2-text1">快速搭建互联网医院</div>
                <div class="mobile-baaner2-text2">开启智慧医疗新时代</div>
            </div>
        </div>
        <!-- <div class="dot-box">
            <span class="dot banner active-white"></span>
            <span class="dot1 banner"></span>
            <span class="dot2 banner"></span>
            <span class="dot3 banner"></span>
        </div> -->
        <!-- 如果需要分页器 -->
        <!-- <div class="swiper-pagination"></div> -->
        <!-- 如果需要导航按钮 -->
        <!-- <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div> -->
        <!-- 如果需要滚动条 -->
        <!-- <div class="swiper-scrollbar"></div> -->
    </div>
    <!----第五模块-->
    <div class="label5">
        <div class="title-box">
            <p class="divtest animated" data-animation="fadeInUp">高端定制 · 个性化开发服务</p>
            <p class="divtest animated animation-delay-2" data-animation="fadeInUp">以用户为中心，挖掘用户需求，化繁为简，形成可执行方案</p>
        </div>
        <div class="item-box">
            <div class="logodh1">
                <a href="/about.html"><img src="/images/index/label5.png"></a>
                <!-- <img src="/images/index/1.gif"> -->
                <span>APP开发</span>
            </div>
            <div class="logodh2">
                <!-- <img src="/images/index/2.gif"> -->
                <a href="/about.html"><img src="/images/index/label1.png"></a>
                <span>品牌网站</span>
            </div>
            <div class="logodh3">
                <!-- <img src="/images/index/3.gif"> -->
                <a href="/consulting.html"><img src="/images/index/label2.png"></a>
                <span>UI设计</span>
            </div>
            <div class="logodh4">
                <!-- <img src="/images/index/4.gif"> -->
                <a href="/about.html"><img src="/images/index/label3.png"></a>
                <span>软件定制</span>
            </div>
            <div class="logodh5">
                <!-- <img src="/images/index/5.gif"> -->
                <a href="/educationSector.html"><img src="/images/index/label4.png"></a>
                <span>动画游戏</span>
            </div>
        </div>
    </div>
    <div class="tuandui-box">
        <div class="tuandui-bg">
            <img src="/images/index/bg.jpg" alt="">
        </div>
        <div class="content">
            <div class="team"></div>
            <div class="label-content nob">

                <div class="left-box">
                    <p>
                        团队定制
                    </p>
                    <p>
                        贴心服务
                    </p>
                </div>
                <div class="right-box right-box-pc">
                    <p><span></span>专人专项服务 精细化管理</p>
                    <p><span></span>提供有价值的交付</p>
                    <p><span></span>高端技术人才储备充足，快速组建核心团队</p>
                    <p><span></span>完整输出竞品分析、技术方案、高保真原型</p>
                    <p><span></span>专人专项开发，需求响应及时，降低用人成本</p>
                    <p><span></span>低代码交付，产品及时落地，系统迭代迅速</p>
                    <p>
                        <a href="/customizationTeam.html" style="color: #c40e18">查看详情</a>
                        <img src="/images/index/search.png">
                    </p>
                </div>
            </div>
            <a style="display: block;" href="/customizationTeam.html">
                <div class="right-box right-box-phone">
                    <p>专人专项服务 精细化管理</p>
                    <p><span>提供有价值的交付</span></p>
                    <p><span></span>高端技术人才储备充足，快速组建核心团队</p>
                    <p><span></span>完整输出竞品分析、技术方案、高保真原型</p>
                    <p><span></span>低代码交付，产品及时落地，系统迭代迅速</p>
                </div>
            </a>
        </div>
    </div>
    <!---第六块-->
    <div class="label6">
        <div class="title-box">
            <p class="divtest animated" data-animation="fadeInUp">合作伙伴 · 与客户一起协同共创</p>
            <p class="divtest animated animation-delay-2" data-animation="fadeInUp">客户不仅是我们的合作伙伴，更是一起并肩前进的朋友</p>
        </div>
        <div class="tab-content">
                <img src="/uploads/UpFile/86403ca9-2b1a-4fd9-909c-0a251234bfb5.png">
                <img src="/uploads/UpFile/650c9c88-619c-48b0-a417-9bacb8b42cdf.png">
                <img src="/uploads/UpFile/b6ef46b5-aaaf-4377-a098-48a35ae85df3.png">
                <img src="/uploads/UpFile/03b913ef-8af6-4327-9e7e-113d8270adc1.png">
                <img src="/uploads/UpFile/f2ce5909-a5c3-4c1a-a9cd-7ded29ae0feb.png">
        </div>
        <div class="tab-content">
                <img src="/uploads/UpFile/f577eb99-06a8-4ac7-8ea4-1bfb69b9ea58.png">
                <img src="/uploads/UpFile/619a27f1-b83c-402c-9970-cca324aad889.png">
                <img src="/uploads/UpFile/12489ed2-f110-4fc9-b01a-173719676ec7.png">
                <img src="/uploads/UpFile/f9596d30-477e-4c74-9f1b-c2683b4ca0c8.png">
                <img src="/uploads/UpFile/722872f1-0e5d-41d5-b9ec-b163fcf75db9.png">
        </div>
        <div class="tab-content">
                <img src="/uploads/UpFile/ffe0a8c4-1d6f-460b-85c3-d617655dfee8.png">
                <img src="/uploads/UpFile/6c989dfe-8a7c-42d8-9e42-291c7254455c.png">
                <img src="/uploads/UpFile/1e6084c8-fb15-4a75-bcae-cebfc625c983.png">
                <img src="/uploads/UpFile/68da71fe-7e30-4949-b697-8799b7d027e3.png">
                <img src="/uploads/UpFile/a1f5431b-8bcf-4ab0-a7f4-68bedc2bdc11.png">
        </div>
    </div>
    <!---第六块-->
    <div class="label7">
        <div class="title-box">
            <p class="divtest animated" data-animation="fadeInUp">艾艺动态 · 和艾艺一起迈向未来</p>
            <p class="divtest animated animation-delay-2" data-animation="fadeInUp">关注艾艺，了解艾艺，让我们一起见证每一个精彩瞬间</p>
        </div>
        <div class="item-box">
                <div class="item">
                    <div class="l-box">
                        <a href="/bloginfo/2021_07/blog_5704.html"><img src="/uploads/UpFile/e50bd7de-1e2a-4a5f-bb97-26cb0d540d5b.png"></a>
                    </div>
                    <div class="r-box">
                        <p>2021·07·22</p>
                        <p>宋来君：IT行业将进入“价值交付”时代</p>
                        <p>
                            <a href="/bloginfo/2021_07/blog_5704.html" style="color: #666666;">查看详情</a>
                            <img src="/images/index/11.png">
                        </p>
                    </div>
                </div>
                <div class="item">
                    <div class="l-box">
                        <a href="bloginfo/2021_10/blog_5788.html"><img src="/uploads/UpFile/34ef8643-2e2e-4d39-b540-7dc2363aa7a6.png"></a>
                    </div>
                    <div class="r-box">
                        <p>2021·10·22</p>
                        <p>颠覆产能，“智慧工厂”成制造业突破口</p>
                        <p>
                            <a href="bloginfo/2021_10/blog_5788.html" style="color: #666666;">查看详情</a>
                            <img src="/images/index/11.png">
                        </p>
                    </div>
                </div>
                <div class="item">
                    <div class="l-box">
                        <a href="/bloginfo/2021_10/blog_5780.html"><img src="/uploads/UpFile/095f180c-686d-4ddd-8c9b-d894bb8f1382.png"></a>
                    </div>
                    <div class="r-box">
                        <p>2021·10·15</p>
                        <p>企业的发展趋势，从减碳减耗开始</p>
                        <p>
                            <a href="/bloginfo/2021_10/blog_5780.html" style="color: #666666;">查看详情</a>
                            <img src="/images/index/11.png">
                        </p>
                    </div>
                </div>
                <div class="item">
                    <div class="l-box">
                        <a href="https://www.adinnet.cn/bloginfo/2022_08/blog_5955.html"><img src="/uploads/UpFile/148b284b-f09f-4b8d-86d8-17d13854be81.png"></a>
                    </div>
                    <div class="r-box">
                        <p>2021·10·13</p>
                        <p>16年了，我们决定公开IT服务背后的“秘密”</p>
                        <p>
                            <a href="https://www.adinnet.cn/bloginfo/2022_08/blog_5955.html" style="color: #666666;">查看详情</a>
                            <img src="/images/index/11.png">
                        </p>
                    </div>
                </div>
        </div>
    </div>
</div>

    <div id="footer">
        <div class="footer">
            <div class="fot-label flex flex-middle">
                <div class="flex-1">
                    洞察
                </div>
                <div class="add">
                    <img src="/img/consulting/consulting-add.png" class="l1">
                    <img src="/img/consulting/consulting-edit.png" class="ll2">
                </div>
            </div>
            <div class="line"></div>
            <div class="bg-list flex">
                <div class="bg-list-box">
                        <div class="p">
                            <a href="/bloginfo/2025_12/blog_6476.html">艾艺智慧园区解决方案，为园区管理装上智慧大脑</a>
                        </div>
                        <div class="p">
                            <a href="/bloginfo/2023_04/blog_6023.html">17周年，一起同行，一起向上，一起拥抱未来</a>
                        </div>
                        <div class="p">
                            <a href="/bloginfo/2021_07/blog_5706.html">艾艺×乔诺丨数字化多渠道营销，在线教育系统解决方案</a>
                        </div>
                        <div class="p">
                            <a href="/bloginfo/2019_12/blog_4222.html">最新2020年APP软件开发公司排行榜！</a>
                        </div>
                        <div class="p">
                            <a href="/bloginfo/2019_12/blog_4174.html">2020年详细APP开发价格表，附APP开发流程图！</a>
                        </div>
                        <div class="p">
                            <a href="/bloginfo/2019_09/blog_4001.html">APP开发公司哪家好？国内TOP前三的APP开发公司</a>
                        </div>
                        <div class="p">
                            <a href="/bloginfo/2019_09/blog_3995.html">课件开发 幼儿课件开发 动画课件制作</a>
                        </div>
                        <div class="p">
                            <a href="/bloginfo/2017_10/blog_2866.html">工会APP开发 为职工提供综合便利服务</a>
                        </div>
                        <div class="p">
                            <a href="/bloginfo/2017_08/blog_2306.html">儿童教育APP如何设计？三大误区应避免</a>
                        </div>
                        <div class="p">
                            <a href="/bloginfo/2017_08/blog_2263.html">一个APP界面设计完整流程详解</a>
                        </div>
                        <div class="p">
                            <a href="/bloginfo/2017_07/blog_2240.html">常见的APP引导页分类以及设计技巧</a>
                        </div>
                        <div class="p">
                            <a href="/bloginfo/2017_07/blog_2147.html">蓝牙APP开发价格</a>
                        </div>
                        <div class="p">
                            <a href="/bloginfo/2017_06/blog_1996.html">上海有哪些APP开发公司比较好？</a>
                        </div>
                        <div class="p">
                            <a href="/bloginfo/2017_06/blog_1995.html">外卖订餐APP开发解决方案</a>
                        </div>
                        <div class="p">
                            <a href="/bloginfo/2017_06/blog_1993.html">智能手表APP开发解决方案</a>
                        </div>
                        <div class="p">
                            <a href="/bloginfo/2017_06/blog_1992.html">上海大数据可视化设计公司推荐</a>
                        </div>
                        <div class="p">
                            <a href="/bloginfo/2017_06/blog_1974.html">企业选择APP开发外包公司合作注意事项</a>
                        </div>
                </div>
            </div>
            <div class="t-label">
                联系我们
            </div>
            <div class="fot-wrap flex">
                <div class="fot-wrap-box">
                    <div class="city-div flex-1 flex vertical">
                        <ul class="head-nav-mod head-nav-mod1">
                            <li>上海<span class="mr2 defaultT"></span></li>
                            <li>杭州<span></span></li>
                            <li>武汉<span></span></li>
                            <li>合肥<span></span></li>
                            <li>迪拜<span></span></li>
                        </ul>
                        <div class="info-div-box">
                            <div class="info-div sh">

                                上海市浦东新区盛荣路88弄6号楼502<br>
                                [ 盛大天地源创谷 ]

                            </div>
                            <div class="info-div hz">

                                杭州市钱塘新区佳宝科创中心5幢905

                            </div>
                            <div class="info-div hf">

                                安徽省合肥市高新区天通路14号<br>
                                软件园3号楼 3楼B09 C09

                            </div>
                            <div class="info-div wh">

                                湖北省武汉市东湖高新区光谷大道77号<br>
                                金融后台服务中心二期A11栋401室

                            </div>
                            <div class="info-div db">

                                Room 601, Indigo optima1, Dubai International City, <br>
                                United Arab Emirates

                            </div>
                            <div class="info-div">
                                <span>
                                    咨询热线：
                                </span>
                                <span class="sh">
                                    400-021-8655
                                </span>
                                <span class="hf">
                                    400-021-8655
                                </span>
                                <span class="db">
                                    400-021-8655
                                </span>
                                <span class="wh">
                                    027-63499080
                                </span>
                                <span class="hz">
                                    400-138-6990
                                </span>
                            </div>
                            <div class="info-div">
                                <span>
                                    微信联系：
                                </span>
                                <span class="sh">
                                    17702199087
                                </span>
                                <span class="hf" style="display:none">
                                    17702199087
                                </span>
                                <span class="db" style="display:none">
                                    +971 0551097883
                                </span>
                                <span class="wh" style="display:none">
                                    17702199087
                                </span>
                                <span class="hz" style="display:none">
                                    17702199087
                                </span>
                            </div>
                        </div>

                    </div>
                    <div class="form-div flex vertical">
                        <p>
                            新的需求，从这里开始。
                        </p>
                        <p>
                            <span>
                                欢迎填写表格或发送合作邮件至：

                            </span>

                            sales@adinnet.cn

                            <span>
                                微信:
                            </span>

                            17702199087

                        </p>
                        <div class="form-wrap flex">
                            <div class="ipt-wrap flex vertical">
                                <div class="ipt flex flex-middle">
                                    <span>您的姓名：</span>
                                    <input type="text" id="username">
                                </div>
                                <div class="ipt flex flex-middle">
                                    <span>您的公司：</span>
                                    <input type="text" id="company">
                                </div>
                                <div class="ipt flex flex-middle">
                                    <span>您的电话：</span>
                                    <input type="text" id="telphone">
                                </div>
                            </div>
                            <div class="text-area flex vertical">
                                <textarea name="" id="textarea" cols="30" rows="10" placeholder="合作需求：详细产品描述、功能规划、数量、软件平台等"></textarea>
                                <div class="telwe" onclick="addMessage('.vertical')">联系我们</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="fot-text">
                ©2006-2026 上海艾艺信息技术有限公司 All rights reserved.<span></span><a href="http://beian.miit.gov.cn" target="_blank">沪ICP备05026071号-1</a><span></span><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011502005248" target="_blank"><img src="/images/common/beian.jpg" alt=""> 沪公网安备 31011502005248</a>
            </div>
        </div>
        <!-- 移动端底部 -->
        <div class="footer-mobile">
            <!-- 洞察 -->
            <div class="see-through">
                <div class="see-through-title">
                    <div class="see-through-title-left">洞察</div>
                    <div class="see-through-title-right">
                        <img class="see-through-icon1" src="/img/consulting/consulting-edit1.png" alt="">
                        <img class="see-through-icon2" src="/img/consulting/consulting-add1.png" alt="">
                    </div>
                </div>
                <div class="see-through-text">
                        <p><a href="/bloginfo/2025_12/blog_6476.html">艾艺智慧园区解决方案，为园区管理装上智慧大脑</a></p>
                        <p><a href="/bloginfo/2023_04/blog_6023.html">17周年，一起同行，一起向上，一起拥抱未来</a></p>
                        <p><a href="/bloginfo/2021_07/blog_5706.html">艾艺×乔诺丨数字化多渠道营销，在线教育系统解决方案</a></p>
                </div>
            </div>
            <!-- 联系我们 -->
            <div class="contact-us">
                <div class="contact-us-title">联系我们</div>
                <div class="contact-us-content">
                    <div class="contact-us-content-left">
                        <p class="contact-us-content-left-red">上海</p>
                        <p>杭州</p>
                        <p>武汉</p>
                        <p>合肥</p>
                        <p>迪拜</p>
                    </div>
                    <div class="contact-us-content-right contact-us-content-right1">
                        <p>上海市浦东新区盛荣路88弄6号楼502</p>
                        <p><img src="/img/consulting/mobile-fotter-icon1.png" alt="">咨询热线：400-021-8655</p>
                        <p><img src="/img/consulting/mobile-fotter-icon2.png" alt="">微信联系：17702199087</p>
                    </div>
                    <div class="contact-us-content-right contact-us-content-right5">
                        <p>杭州市钱塘新区佳宝科创中心5幢905</p>
                        <p><img src="/img/consulting/mobile-fotter-icon1.png" alt="">咨询热线：400-138-6990</p>
                        <p><img src="/img/consulting/mobile-fotter-icon2.png" alt="">微信联系：17702199087</p>
                    </div>
                    <div class="contact-us-content-right contact-us-content-right2">
                        <p>安徽省合肥市高新区天通路14号<br />软件园3号楼 3楼B09 C09</p>
                        <p><img src="/img/consulting/mobile-fotter-icon1.png" alt="">咨询热线：400-021-8655</p>
                        <p><img src="/img/consulting/mobile-fotter-icon2.png" alt="">微信联系：17702199087</p>
                    </div>
                    <div class="contact-us-content-right contact-us-content-right4">
                        <p>湖北省武汉市东湖高新区光谷大道77号<br />金融后台服务中心二期A11栋401室</p>
                        <p><img src="/img/consulting/mobile-fotter-icon1.png" alt="">咨询热线：027-63499080</p>
                        <p><img src="/img/consulting/mobile-fotter-icon2.png" alt="">微信联系：17702199087</p>
                    </div>
                    <div class="contact-us-content-right contact-us-content-right3">
                        <p>Room 601, Indigo optima1, Dubai International City,<br />United Arab Emirates</p>
                        <p><img src="/img/consulting/mobile-fotter-icon1.png" alt="">咨询热线：400-021-8655</p>
                        <p><img src="/img/consulting/mobile-fotter-icon2.png" alt="">微信联系：+971 0551097883</p>
                    </div>
                </div>
            </div>
            <!-- 提交信息部分 -->
            <div class="input-box">
                <div class="way">欢迎填写表格或发送合作邮件至<br /><span>sales@adinnet.cn &nbsp;&nbsp;&nbsp;</span>微信: <span>17702199087</span></div>
                <div class="input-text"><span>您的姓名：</span><input type="text" id="username"></div>
                <div class="input-text"><span>您的公司：</span><input type="text" id="company"></div>
                <div class="input-text"><span>您的电话：</span><input type="text" id="telphone"></div>
                <div class="textarea-box">
                    <textarea class="input-box-textarea" name="" id="textarea" cols="30" rows="10"></textarea>
                    <div class="textarea-box-text">合作需求：<br />详细产品描述、功能规划、数量、软件平台等</div>
                </div>
                <button class="fotter-btn" onclick="addMessage('.input-box')">提 交</button>
            </div>
            <div class="line-ft"></div>
            <!-- 备案 -->
            <div class="put-on-records">
                <p>©2006-2026 上海艾艺信息技术有限公司 All rights reserved.</p>
                <p><a href="http://beian.miit.gov.cn" target="_blank">沪ICP备05026071号-1</a> &nbsp;&nbsp;&nbsp;<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011502005248" target="_blank"><img src="/images/common/beian.jpg" alt=""> 沪公网安备 31011502005248</a></p>
            </div>
        </div>
        <script>
            // 返回顶部
            $(document).ready(function () {
                $('.l1').click(function () {
                    $('.bg-list').slideDown(500)
                    $('.l1').css('display', 'none');
                    $('.line').css('display', 'none');
                    $('.ll2').css('display', 'block');
                });
                $('.ll2').click(function () {
                    $('.bg-list').slideUp(500);
                    $('.ll2').css('display', 'none');
                    $('.l1').css('display', 'block');
                    setTimeout(function () {
                        $('.line').css('display', 'block');
                    }, 500);
                });
                $('.mr2').addClass('mr1')
                $('.head-nav-mod li').hover(function () {
                    if ($(this)[0].innerText == '上海') {
                        $('.hf').css('display', 'none');
                        $('.db').css('display', 'none');
                        $('.wh').css('display', 'none');
                        $('.hz').css('display', 'none');
                        $('.sh').css('display', 'inline-block');
                    } else if ($(this)[0].innerText == '合肥') {
                        $('.hf').css('display', 'inline-block');
                        $('.db').css('display', 'none');
                        $('.sh').css('display', 'none');
                        $('.wh').css('display', 'none');
                        $('.hz').css('display', 'none');
                    } else if ($(this)[0].innerText == '迪拜') {
                        $('.hf').css('display', 'none');
                        $('.db').css('display', 'inline-block');
                        $('.sh').css('display', 'none');
                        $('.wh').css('display', 'none');
                        $('.hz').css('display', 'none');
                    } else if ($(this)[0].innerText == '武汉') {
                        $('.hf').css('display', 'none');
                        $('.db').css('display', 'none');
                        $('.sh').css('display', 'none');
                        $('.hz').css('display', 'none');
                        $('.wh').css('display', 'inline-block');
                    } else if ($(this)[0].innerText == '杭州') {
                        $('.hf').css('display', 'none');
                        $('.db').css('display', 'none');
                        $('.sh').css('display', 'none');
                        $('.wh').css('display', 'none');
                        $('.hz').css('display', 'inline-block');
                    }
                })
                $(".head-nav-mod1 li").hover(
                    function () {
                        console.log($(this).parent().children().children('span'))
                        // $(this).parent().children().children('span').stop().css("height", "0px");
                        $(this).parent().children().children('span').stop().animate(
                            {
                                opacity: 0
                            },
                            200
                        );
                        $("span", this).stop().css("height", "4.5px");
                        $("span", this).animate(
                            {
                                left: "0",
                                width: "100%",
                                right: "0",
                                opacity: 1
                            },
                            200
                        );
                    },
                    function () {
                        $("span", this).stop().css("height", "0px");
                        $("span", this).animate(
                            {
                                left: "0",
                                width: "100%",
                                right: "0",
                                opacity: 0
                            },
                            200
                        );
                        $('.defaultT').stop().css("height", "4.5px");
                        $('.defaultT').animate(
                            {
                                left: "0",
                                width: "100%",
                                right: "0",
                                opacity: 1
                            },
                            200
                        );
                        $('.hf').css('display', 'none');
                        $('.db').css('display', 'none');
                        $('.wh').css('display', 'none');
                        $('.hz').css('display', 'none');
                        $('.sh').css('display', 'inline-block');
                    }
                );
            })
            // textarea获取焦点时候隐藏div
            $('.input-box-textarea').on('click', function () {
                $('.textarea-box-text').hide();
            })
            $('.textarea-box-text').on('click', function () {
                $('.textarea-box-text').hide();
                $('.input-box-textarea').focus();
            })
            // textarea失去焦点时而且保证没有内容div显示
            $('.input-box-textarea').on('blur', function () {
                if (!$(this).val()) {
                    $('.textarea-box-text').show();
                }
            })
            // 点击加减号按钮展开跟收起功能
            var seeFlage = false;
            var canClick = true;
            $('.see-through-title-right').on('click', function () {
                if (canClick) {
                    canClick = false;
                    if (!seeFlage) {
                        $('.see-through-text').slideUp(200, function () {
                            canClick = true;
                            $('.see-through-title').css('borderBottom', '1px solid #c3c3c3')
                        }); // 收起动画
                        $('.contact-us').css('marginTop', '.24rem')
                        $('.see-through-icon1').hide(); // 减号隐藏
                        $('.see-through-icon2').show(); // 加号显示
                    } else {
                        $('.see-through-text').slideDown(200, function () {
                            canClick = true;
                        }); // 展开动画
                        $('.see-through-title').css('borderBottom', 'none')
                        $('.contact-us').css('marginTop', '0')
                        $('.see-through-icon2').hide(); // 加号隐藏
                        $('.see-through-icon1').show(); // 减号显示
                    }
                    seeFlage = !seeFlage;
                }
            })

            // 联系我们模块点击后显示不同的地址联系电话
            $('.contact-us-content-left p').on('click', function () {
                $('.contact-us-content-left p').removeClass('contact-us-content-left-red');
                $(this).addClass('contact-us-content-left-red');
                if ($(this).text() == '上海') {
                    $('.contact-us-content-right1').show()
                    $('.contact-us-content-right2').hide()
                    $('.contact-us-content-right3').hide()
                    $('.contact-us-content-right4').hide()
                    $('.contact-us-content-right5').hide()
                }
                if ($(this).text() == '合肥') {
                    $('.contact-us-content-right1').hide()
                    $('.contact-us-content-right2').show()
                    $('.contact-us-content-right3').hide()
                    $('.contact-us-content-right4').hide()
                    $('.contact-us-content-right5').hide()
                }
                if ($(this).text() == '迪拜') {
                    $('.contact-us-content-right1').hide()
                    $('.contact-us-content-right2').hide()
                    $('.contact-us-content-right3').show()
                    $('.contact-us-content-right4').hide()
                    $('.contact-us-content-right5').hide()
                }
                if ($(this).text() == '武汉') {
                    $('.contact-us-content-right1').hide()
                    $('.contact-us-content-right2').hide()
                    $('.contact-us-content-right3').hide()
                    $('.contact-us-content-right4').show()
                    $('.contact-us-content-right5').hide()
                }
                if ($(this).text() == '杭州') {
                    $('.contact-us-content-right1').hide()
                    $('.contact-us-content-right2').hide()
                    $('.contact-us-content-right3').hide()
                    $('.contact-us-content-right4').hide()
                    $('.contact-us-content-right5').show()
                }
            })
            var isnext = true;
            function addMessage(_dom) {
                if (!isnext)
                    return;
                isnext = false;
                var name = $(_dom + " #username").val().trim();
                if (name == undefined || name == "") {
                    alert("请输入姓名！");
                    isnext = true;
                    return
                }
                var company = $(_dom + ' #company').val().trim();

                var phone = $(_dom + " #telphone").val().trim();
                if (phone == "" || phone == undefined) {
                    alert("请输入手机或电话号码！");
                    isnext = true;
                    return;
                }
                var p = new RegExp(/(^(1[0-9][0-9])[0-9]{8}$)/);
                var p1 = new RegExp(/(^(\(0\d{2,3}\)-|0\d{2,3}-)?\d{7,8}$)/);
                if (phone != "" || phone != undefined) {
                    if (!p.test(phone) && !p1.test(phone)) {
                        alert("请输入规范的手机或电话号码！");
                        isnext = true;
                        return;
                    }
                }
                var content = $(_dom + " #textarea").val();
                if (content == "" || content == undefined) {
                    alert("请输入内容！");
                    isnext = true;
                    return;
                }
                var UrlData = window.location.href;
                var UrlNew = window.location.protocol + "//" + window.location.host;
                $.ajax({
                    type: "POST",
                    anync: false,
                    url: "/Messages/Index",
                    data: { "Name": name, "Company": company, "Phone": phone, "Content": content, "UrlData": UrlData, "UrlNew": UrlNew },
                    dataType: "json",
                    success: function (result) {
                        if (result.status == 200) {
                            window._agl && window._agl.push(['track', ['success', { t: 3 }]])
                            alert("留言成功！");
                            $(_dom + " #username").val("");
                            $(_dom + " #email").val("");
                            $(_dom + " #telphone").val("");
                            $(_dom + " #company").val("");
                            $(_dom + " #textarea").val("");
                        } else {
                            alert("留言失败！");
                        }
                    },
                    complete: function () {
                        isnext = true;
                    }
                });

            }
        </script>
    </div>
    

    <script>
        $(document).ready(function () {
            var video = document.getElementById("video");
            video.controls = false;
            $('.logodh1').hover(function () {
                $(this).find('img').attr('src', '/images/index/1.gif')
            }, function () {
                $(this).find('img').attr('src', '/images/index/label5.png')
            })
            $('.logodh2').hover(function () {
                $(this).find('img').attr('src', '/images/index/2.gif')
            }, function () {
                $(this).find('img').attr('src', '/images/index/label1.png')
            })
            $('.logodh3').hover(function () {
                $(this).find('img').attr('src', '/images/index/3.gif')
            }, function () {
                $(this).find('img').attr('src', '/images/index/label2.png')
            })
            $('.logodh4').hover(function () {
                $(this).find('img').attr('src', '/images/index/4.gif')
            }, function () {
                $(this).find('img').attr('src', '/images/index/label3.png')
            })
            $('.logodh5').hover(function () {
                $(this).find('img').attr('src', '/images/index/5.gif')
            }, function () {
                $(this).find('img').attr('src', '/images/index/label4.png')
            })
        })
        // pc端顶部轮播图
        var mySwiper1 = new Swiper('.swiper-container2', {
            loop: true, // 循环模式选项
            // autoplay: {
            //       delay: 5000,
            //       disableOnInteraction : false
            //   },
            pagination: {
                el: '.swiper-pagination',
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
            on: {
                click: function (swiper) {
                }
            }
        })
        $('.z1').on('click', function () {
            mySwiper1.slideNext()
        })
        var mySwiper3 = new Swiper('.swiper-container3', {
            loop: true, // 循环模式选项
            autoplay: {
                delay: 5000,
                disableOnInteraction: false
            },
            pagination: {
                el: '.swiper-pagination',
            },
        })
        $(".tabco").addClass("active");
        $(".tabco1").removeClass("active");
        $(".tabco2").removeClass("active");
        $(".tabco3").removeClass("active");
        $(".tabco4").removeClass("active");
        $(".tabco5").removeClass("active");
        var mySwiper2 = new Swiper(".swiper-container1", {
            // direction: 'vertical', // 垂直切换选项
            loop: true, // 循环模式选项
            autoplay: {
                delay: 2000,
                // stopOnLastSlide : false,
                disableOnInteraction: false,
            },
            // // 如果需要分页器
            // pagination: {
            //     el: '.swiper-pagination',
            // },
            on: {
                slideChangeTransitionEnd: function () {
                    console.log(this.realIndex);
                    if (this.realIndex == 0) {
                        /* $('.dot').addClass('active-white')
                    $('.dot1').removeClass('active-white')
                    $('.dot2').removeClass('active-white')
                    $('.dot3').removeClass('active-white') */
                        $(".tabco").addClass("active");
                        $(".tabco1").removeClass("active");
                        $(".tabco2").removeClass("active");
                        $(".tabco3").removeClass("active");
                        $(".tabco4").removeClass("active");
                        $(".tabco5").removeClass("active");
                    } else if (this.realIndex == 1) {
                        /* $('.dot1').addClass('active-white')
                    $('.dot').removeClass('active-white')
                    $('.dot2').removeClass('active-white')
                    $('.dot3').removeClass('active-white') */
                        $(".tabco1").addClass("active");
                        $(".tabco").removeClass("active");
                        $(".tabco2").removeClass("active");
                        $(".tabco3").removeClass("active");
                        $(".tabco4").removeClass("active");
                        $(".tabco5").removeClass("active");
                    } else if (this.realIndex == 2) {
                        /*  $('.dot2').addClass('active-white')
                     $('.dot').removeClass('active-white')
                     $('.dot1').removeClass('active-white')
                     $('.dot3').removeClass('active-white') */
                        $(".tabco2").addClass("active");
                        $(".tabco1").removeClass("active");
                        $(".tabco").removeClass("active");
                        $(".tabco3").removeClass("active");
                        $(".tabco4").removeClass("active");
                        $(".tabco5").removeClass("active");
                    } else if (this.realIndex == 3) {
                        /*  $('.dot3').addClass('active-white')
                     $('.dot1').removeClass('active-white')
                     $('.dot2').removeClass('active-white')
                     $('.dot').removeClass('active-white') */
                        $(".tabco3").addClass("active");
                        $(".tabco1").removeClass("active");
                        $(".tabco2").removeClass("active");
                        $(".tabco").removeClass("active");
                        $(".tabco4").removeClass("active");
                        $(".tabco5").removeClass("active");
                    } else if (this.realIndex == 4) {
                        /*  $('.dot3').addClass('active-white')
                     $('.dot1').removeClass('active-white')
                     $('.dot2').removeClass('active-white')
                     $('.dot').removeClass('active-white') */
                        $(".tabco4").addClass("active");
                        $(".tabco3").removeClass("active");
                        $(".tabco1").removeClass("active");
                        $(".tabco2").removeClass("active");
                        $(".tabco").removeClass("active");
                        $(".tabco5").removeClass("active");
                    } else if (this.realIndex == 5) {
                        /*  $('.dot3').addClass('active-white')
                     $('.dot1').removeClass('active-white')
                     $('.dot2').removeClass('active-white')
                     $('.dot').removeClass('active-white') */
                        $(".tabco5").addClass("active");
                        $(".tabco3").removeClass("active");
                        $(".tabco1").removeClass("active");
                        $(".tabco2").removeClass("active");
                        $(".tabco").removeClass("active");
                        $(".tabco4").removeClass("active");
                    }
                },
            },
        });
        var mySwiper22 = new Swiper(".swiper-container11", {
            // direction: 'vertical', // 垂直切换选项
            loop: true, // 循环模式选项
            autoplay: {
                delay: 2000,
                // stopOnLastSlide : false,
                disableOnInteraction: false,
            },
            // // 如果需要分页器
            // pagination: {
            //     el: '.swiper-pagination',
            // },
            on: {
                slideChangeTransitionEnd: function () {
                    console.log(this.realIndex);
                    if (this.realIndex == 0) {
                        /* $('.dot').addClass('active-white')
                    $('.dot1').removeClass('active-white')
                    $('.dot2').removeClass('active-white')
                    $('.dot3').removeClass('active-white') */
                        $(".tabco0").addClass("active");
                        $(".tabco11").removeClass("active");
                        $(".tabco22").removeClass("active");
                        $(".tabco33").removeClass("active");
                        $(".tabco44").removeClass("active");
                    } else if (this.realIndex == 1) {
                        /* $('.dot1').addClass('active-white')
                    $('.dot').removeClass('active-white')
                    $('.dot2').removeClass('active-white')
                    $('.dot3').removeClass('active-white') */
                        $(".tabco11").addClass("active");
                        $(".tabco0").removeClass("active");
                        $(".tabco22").removeClass("active");
                        $(".tabco33").removeClass("active");
                        $(".tabco44").removeClass("active");
                    } else if (this.realIndex == 2) {
                        /*  $('.dot2').addClass('active-white')
                     $('.dot').removeClass('active-white')
                     $('.dot1').removeClass('active-white')
                     $('.dot3').removeClass('active-white') */
                        $(".tabco22").addClass("active");
                        $(".tabco11").removeClass("active");
                        $(".tabco0").removeClass("active");
                        $(".tabco33").removeClass("active");
                        $(".tabco44").removeClass("active");
                    } else if (this.realIndex == 3) {
                        /*  $('.dot3').addClass('active-white')
                     $('.dot1').removeClass('active-white')
                     $('.dot2').removeClass('active-white')
                     $('.dot').removeClass('active-white') */
                        $(".tabco33").addClass("active");
                        $(".tabco11").removeClass("active");
                        $(".tabco22").removeClass("active");
                        $(".tabco0").removeClass("active");
                        $(".tabco44").removeClass("active");
                    } else if (this.realIndex == 4) {
                        /*  $('.dot3').addClass('active-white')
                     $('.dot1').removeClass('active-white')
                     $('.dot2').removeClass('active-white')
                     $('.dot').removeClass('active-white') */
                        $(".tabco44").addClass("active");
                        $(".tabco33").removeClass("active");
                        $(".tabco11").removeClass("active");
                        $(".tabco22").removeClass("active");
                        $(".tabco0").removeClass("active");
                    }
                },
            },
        });
        $(".swicli1").on("click", function () {
            // console.log($(this))
            mySwiper2.slideToLoop(0, 300, false);
            mySwiper22.slideToLoop(0, 300, false);
            $(".tabco").addClass("active");
            $(".tabco1").removeClass("active");
            $(".tabco2").removeClass("active");
            $(".tabco3").removeClass("active");
            $(".tabco4").removeClass("active");
            $(".tabco5").removeClass("active");
        });
        $(".swicli2").on("click", function () {
            // console.log($(this))
            mySwiper2.slideToLoop(1, 300, false);
            mySwiper22.slideToLoop(1, 300, false);
            $(".tabco1").addClass("active");
            $(".tabco").removeClass("active");
            $(".tabco2").removeClass("active");
            $(".tabco3").removeClass("active");
            $(".tabco4").removeClass("active");
            $(".tabco5").removeClass("active");
        });
        $(".swicli3").on("click", function () {
            // console.log($(this))
            mySwiper2.slideToLoop(2, 300, false);
            mySwiper22.slideToLoop(2, 300, false);
            $(".tabco2").addClass("active");
            $(".tabco1").removeClass("active");
            $(".tabco").removeClass("active");
            $(".tabco3").removeClass("active");
            $(".tabco4").removeClass("active");
            $(".tabco5").removeClass("active");
        });
        $(".swicli4").on("click", function () {
            // console.log($(this))
            mySwiper2.slideToLoop(3, 300, false);
            mySwiper22.slideToLoop(3, 300, false);
            $(".tabco3").addClass("active");
            $(".tabco1").removeClass("active");
            $(".tabco2").removeClass("active");
            $(".tabco").removeClass("active");
            $(".tabco4").removeClass("active");
            $(".tabco5").removeClass("active");
        });
        $(".swicli5").on("click", function () {
            // console.log($(this))
            mySwiper2.slideToLoop(4, 300, false);
            mySwiper22.slideToLoop(4, 300, false);
            $(".tabco4").addClass("active");
            $(".tabco1").removeClass("active");
            $(".tabco2").removeClass("active");
            $(".tabco").removeClass("active");
            $(".tabco3").removeClass("active");
            $(".tabco5").removeClass("active");
        });
        $(".swicli6").on("click", function () {
            // console.log($(this))
            mySwiper2.slideToLoop(5, 300, false);
            $(".tabco5").addClass("active");
            $(".tabco1").removeClass("active");
            $(".tabco2").removeClass("active");
            $(".tabco").removeClass("active");
            $(".tabco3").removeClass("active");
            $(".tabco4").removeClass("active");
        });
    </script>

    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?96324684db2d35909bd761fd96707aeb";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</body>
</html>
